<div class="input-group" tooltip="{{field.nickname}}">
  <div class="input-group-prepend w-25">
        <span class="input-group-text w-100 bg-white text-secondary overflow-hidden">
          <span>{{field.nickname}}</span>
        </span>
  </div>
  <input [owlDateTimeTrigger]="dt2" [owlDateTime]="dt2" type="text" [value]="field.value()" class="form-control border-left-0  border-right-0"
         (focus)="field.focus($event)" (blur)="field.blur($event)">
  <owl-date-time #dt2></owl-date-time>
  <div class="input-group-append">
    <span class="input-group-text bg-white text-secondary overflow-hidden">
      <fa-icon [icon]="field.icon"></fa-icon>
    </span>
  </div>
</div>